.userinfo-bar{display: flex; align-items:center; background: #fff; padding: 15px 20px;}
.userinfo-bar .section{flex: 1;}
.userinfo-bar .pattern{display: flex; align-items:center;}
.userinfo-bar .pattern > .item{position: relative;}
.userinfo-bar .pattern > .item ul{line-height: 1.8em;}
.userinfo-bar .pattern .people{display: inline-block; font-size: 18px; font-weight: 800; color: #444;}
.userinfo-bar .pattern .gender{display: inline-block; width: 18px; line-height: 18px; font-size: 12px; font-weight: 300; text-align: center; color: #fff; vertical-align: sub;  border-radius: 5px 5px 0 5px; margin-right: 5px; transform: translateY(-7px);}
.userinfo-bar .pattern .gender.male{background: #6f91e6;}
.userinfo-bar .pattern .gender.female{background: #ff6588;}
.userinfo-bar .btnbox a{ display:inline-block; line-height: 34px; border: 1px solid #ddd; padding: 0 15px; border-radius: 30px !important;}
.userinfo-bar .btnbox a:hover{text-decoration: none; background: #f8f8f8;}
.userinfo-bar .btnbox a + a{margin-left:6px;}
.userinfo-bar a.bluebtn{ color: #099aff;}

.historybar{line-height: 30px; background: #f6faff; position: relative;}
.historybar:before{content: ""; display: block; height: 1px; background: #a8cdff; position: absolute; left: 0;bottom: 0; right: 0; z-index: 0;}
.historybar ul{display: flex; padding:0 20px; position: relative; z-index: 2;}
.historybar ul li a{display: block; padding: 0 20px;border: 1px solid #a8cdff; margin-right: -1px; color: #333; font-size: 14px;}
.historybar ul li a.active{background: #fff; border-bottom-color:#fff;}
.historybar ul li a i{ line-height: 1;position: relative; top: 1px;}

.yanguang { font-size: 12px;}
.yanguang .yg-info{ background: #fff; position: relative;}
.yanguang .yg-info .form-bar{ padding-top: 20px; margin-top: 30px; background: #fff; border-top: 1px dashed #eee; padding-bottom: 10px; zoom:1;}


.chufang > .title{ margin: 0 auto; padding-top: 20px; margin-bottom:15px;border-bottom: none; font-size: 14px;}
.chufang > .title h3{ display:block; line-height:30px; font-size:16px; padding-left:10px; float:left;}
.chufang > .title .tab-lei{ width: 490px; margin: 0 auto;}
.chufang > .title .tab-lei li{ float:left;}
.chufang > .title .tab-lei li a{ display:block; line-height:32px; color: #555; border:1px solid #ddd; padding:0 25px; margin-left:-1px; position: relative;}
.chufang > .title .tab-lei li a.active{ background:#4c97ff; color: #fff; border-color: #4c97ff; z-index: 2;}

.datatable-shili{ margin:0 90px; position:relative;}
.datatable-shili .info-bar{ line-height:32px; margin-bottom:8px; position:relative;}
.datatable-shili .info-bar > .item{ width:12.5%; text-align:center; float:left;}
.datatable-shili .info-bar > .item + .item{border-left: 5px solid rgba(255,255,255,0.7);}
.datatable-shili .info-bar .type{ font-size:14px; font-weight:600; position:absolute; top:0; left:-60px;}
.datatable-shili .info-bar .type.red{ color:#ff2f2f;}
.datatable-shili .info-bar .type.blue{ color:#1f6cde;}
.datatable-shili .info-bar.list-head{ color:#999;}
.datatable-shili .info-bar.red-bg{ color: #333; font-weight: 600;background:#f7e9ed;min-height: 32px;}
.datatable-shili .info-bar.blue-bg{ color: #333; font-weight: 600; background:#eff7ff;min-height: 32px;}
.datatable-shili .info-bar.define-row{ margin-left:-10px; margin-right:-10px; position:relative;}
.datatable-shili .info-bar.define-row > .item{ padding:0 10px;}
.datatable-shili .info-bar.define-row.col2 > .item{ width:50%;}
.datatable-shili .info-bar.define-row.col3 > .item{ width:33.3333%;}
.datatable-shili .info-bar.define-row.col4 > .item{ width:25%;}
.datatable-shili .info-bar.define-row > .item .pmr{ display:block; background:#f1f1f1; padding:0 12px; text-align:right; position:relative;}
.datatable-shili .info-bar.define-row > .item .pmr span{ position:absolute; top:0; left:12px;}
.datatable-shili .info-bar.define-row > .item .pmr em{color:#333; margin-right: 5px; font-style: normal;}
.datatable-shili .clear-btn{ display:block; width:70px; height:74px; color:#ff7b0f; text-align:center; border:1px solid #ffcb80; position:absolute; top:39px; right:-80px;}
.datatable-shili .clone-btn{ display:block; width:70px; height:74px; color:#209a19; text-align:center; border:1px solid #31b729; position:absolute; top:39px; right:-80px;}
.datatable-shili .clear-btn i{ display:block; font-size:24px;line-height:36px;}
.datatable-shili .clone-btn i{ display:block; font-size:24px;line-height:36px;}

.goodsList{position: relative; font-size: 12px; color: #000;}
.goodsList .lineGoods{display: flex;position: relative; -webkit-align-items:center;align-items:center; margin: 0 20px; border-bottom: 1px dotted #eee;}
.goodsList .lineGoods > .items{flex: 1; padding: 20px;}
.goodsList .lineGoods .items.count{flex:none; width: 20%; min-width: 130px;}
.goodsList .lineGoods .items.btnbar{flex:none; width: 10%; min-width: 135px; text-align: right;}
.goodsList .lineGoods .items.btnbar a{display: inline-block; width: 32px; line-height: 32px; text-align: center; margin-left: 8px;}
.goodsList .lineGoods .items.btnbar a i{font-size: 20px;}
.goodsList .lineGoods .count .formline input[type=text]{ display:inline-block; width:80px; height:28px; border:1px solid #ddd; padding:0 10px;}
.goodsList .lineGoods .count .formline + .formline{margin-top: 5px;}
.goodsList .goodsbox{display: flex; align-items:center;}
.goodsList .goodsbox img{display: block;width: 100px; height: 100px;}
.goodsList .goodsbox dl{flex: 1; padding: 0 15px;}
.goodsList .goodsbox dt{font-size: 14px; margin-bottom: 5px;}
.goodsList .goodsbox dd{color: #999;}
.goodsList .goodsbox dd.set{line-height: 24px;}
.goodsList .goodsbox dd.set .number-set{display: inline-block;}

.number-set{width: 80px; font-size: 14px; text-align: center; position: relative;}
.number-set a{display: block; width: 22px; height: 22px; border: 1px solid #aaa; border-radius: 100%; position: absolute; top: 0;}
.number-set a.add{right: 0;}
.number-set a.less{left: 0;}
.number-set a i{line-height:1; font-size: 14px; position: relative; top: -1px;}

.goodsinfo{ padding: 0px;}
.goodsinfo .goodsrow{display: flex; align-items: center; border-bottom:#eee;}
.goodsinfo .contents .goodsrow:hover{background: rgba(22,22,22,0.02);}
.goodsinfo .goodsrow > .item{padding: 15px 3px;}
.goodsrow .good-name{flex: 1; position: relative; padding-left: 40px !important;}
.goodsrow .good-name img{display: block; width: 32px; height: 32px; position:absolute; left: 0; top: 50%; margin-top: -16px;}
.goodsrow .good-par{width: 220px;}
.goodsrow .good-price{width: 100px;}
.goodsrow .good-btn{flex: 0.5; text-align: right;}
.goodsrow .good-btn .am-icon-trash-o{ font-size: 16px; color: #000;}
.goodsrow .good-form{width: 100px;}
.goodsrow input{display: block; width: 100%; height: 30px; border: 1px solid #ddd; padding: 0 10px;}
.goodsrow input:focus{box-shadow: 0 1px 12px rgba(3,169,244,0.2);}

.num{position: relative;}
.num button{display: block; width: 20px; height: 30px; background: #fff; border: 1px solid #ddd; position: absolute; left: 0; top: 0;}
.num button:last-child{left: auto; right: 0;}
.num input{text-align:center;}

.sell-info{width: 680px; padding: 0 30px}
.sell-info .rebate{padding: 8px 0; border-bottom: 1px solid #eee;}
.sell-info .rebate .field{display: inline-block; width: 200px; position: relative;}
.sell-info .rebate .field input{display: block; width: 100%; height: 30px; border: 1px solid #ddd; padding: 0 10px; padding-left: 7em;}
.sell-info .rebate .field label{line-height: 30px; position: absolute; left: 10px; top: 0; z-index: 2;}
.sell-info .rebate .field span{line-height: 30px; position: absolute; top: 0; right: 10px; z-index: 3;}
.sell-info .rebate .ms span{display: inline-block;font-size: 14px; padding: 15px 0;}
.sell-info .radiobox{padding: 20px 0; position: relative;}
.sell-info .radiobox .radiobtn{display: inline-block; line-height: 32px; font-size: 14px; padding-left: 22px; position: relative; margin-right: 20px;}
.sell-info .radiobox .radiobtn:before{content: ""; display: block; width: 16px; height: 16px;border: 1px solid #ddd; border-radius: 100%; position: absolute; top: 50%; margin-top: -9px; left: 0;}
.sell-info .radiobox .radiobtn.active:after{content: "";display: block;width:8px; height: 8px; background: #069af0; border-radius: 100%; position: absolute; top: 50%; margin-top: -4px; left: 5px;}
.sell-info .radiobox .tips{ color: #999; padding-top: 10px; padding-left: 23px;}
.sell-info .beizhu{padding-bottom: 30px;}
.sell-info .beizhu textarea{display: block;width: 70%; height: 7em; border: 1px solid #eee; padding: 10px;resize: none;}

.select-hst{ line-height: 35px;}

.balance-info{ font-size:14px; line-height:30px; margin-bottom:60px; position:relative;}
.balance-info .formline{ padding:10px 0;}
.balance-info .formline.basic{ border-bottom:1px solid #eee; margin-bottom:10px;}
.balance-info .formline .field{ display:inline-block;}
.balance-info .formline .field + .field{ margin-left:2em;}
.balance-info input[type=text]{ width:100px; height:30px; background:none; border:1px solid #a8cdff; padding:0 10px;}
.balance-info .form-field{ width:150px;}
.balance-info .form-field .select-box{ line-height:28px; border-color:#87a5ae;}
.balance-info .lable-select{ display:inline-block;}
.balance-info .lable-select a{ display:inline-block; line-height:28px; border:1px solid #4c97ff; padding:0 20px; margin-right:4px;}
.balance-info .lable-select a.active{ color:#fff; background:#4c97ff;}
.balance-info label{ color: #000; font-weight: 400;}
.summary-bar{ font-size:16px; font-weight:600; line-height:50px; position:absolute; right:30px; bottom:30px;}
.summary-bar span{ color:#EF090D; margin-left:20px;}
.summary-bar a{ display:inline-block; color:#fff; background:#ff9b25; padding:0 40px; margin-left:30px;}

.customize-tips {display: inline-block;line-height: 25px;font-size: 12px; color: #ff9b25;border: 1px solid #ff9b25; border-radius: 6px; padding: 0 12px;vertical-align: top; margin-right: 8px;}